<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>

    .div001{
		width:200px;
		height:50px;
		background-color:#0F0;
		float:left;
		margin-bottom:10px
		}    
    .div002{		
		width:50px;
		height:200px;
		background-color:#F00;
		float:left;
		}
	.div003{		
		width:70px;
		height:200px;
		background-color: #9F3;
		float: right;
		
		}
    .div005{
	   width:60px;
	   height:200px;
	   float: right;
	   background-color:#6C6;
	   margin-right:10px
   
	   }   


   .div004{		
		width:200px;
		height:50px;
		background-color: #C0F;
		float:left;
		margin-top:10px;
		}
   #id000{
	   width:200px;
	   margin:0 auto;
	   
	   }
  
</style>
</head>

<body>
<div id="id000">
    <div class="div001">顶部</div>
    <div class="div002">左边</div>
    <div class="div003">右边</div>
    <div class="div005">中间</div>
    <div class="div004">底部</div>
</div>



</body>
</html>
